<!--
 * @Author: jlzm
 * @Date: 2020-05-23 17:32:24
 * @LastEditors: jlzm
 * @LastEditTime: 2020-06-28 14:06:04
 * @FilePath: \MPShop\components\uniIcon\uniIcon.vue
--> 
<template>
	<text
		class="template__icon"
		:class="'template__icon-' + name"
		:style="{
			'font-size': size,
			color: color,
			'background-color': bgColor,
			'border-radius': bdRadius
		}"
	></text>
</template>

<script>
export default {
	props: {
		// 大小
		size: {
			type: String,
			default: "28rpx"
		},

		// 颜色
		color: {
			type: String,
			default: "#999999"
		},

		// 背景颜色
		bgColor: {
			type: String,
			default: "transparent"
		},

		// icon名
		name: {
			type: String,
			default: ""
		},

		// 圆角
		bdRadius: {
			type: String,
			default: "none"
		}
	}
};
</script>

<style lang="scss" scoped>
</style>